<template>
  <div class="container">
    <h4 style="color: #f60000;font-size: 18px">生产进度一览的数据肯定是离散的，根据分散在各个报工单据上, 行的工序也是按棒材工序展示所有</h4>
    <a-row>
      <a-col :span="24">
        <a-card title="在制品一览">
          <a-table :bordered="{cell:true}" :pagination="false" stripe :data="state.zaizhiList" style="min-height: 500px">
            <template #columns>
              <a-table-column title="贸易号" data-index="myh"></a-table-column>
              <a-table-column title="销售订单号" data-index="xsddh"></a-table-column>
              <a-table-column title="生产任务通知单" data-index="scdh"></a-table-column>
              <a-table-column title="料品名" data-index="cpmc"></a-table-column>
              <a-table-column title="在制工序" data-index="gongxu"></a-table-column>
            </template>
          </a-table>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>
import { reactive } from "vue";

const state = reactive({
  zaizhiList: [
    {id:1, myh:'2025-001', xsddh:'20250012315', scdh:'2025-01-00101', cpmc:'H13-1-1', count:'36.3', ycl:'40.2',xl:'40.2',cuduan:'37.5',jingduan:'37.5', rcl:'37.5',jjg:'36.4',gongxu:'精锻'},
    {id:1, myh:'2025-002', xsddh:'20250012316', scdh:'2025-01-00102', cpmc:'H13-1-2', count:'36.3', ycl:'40.2',xl:'40.2',cuduan:'37.5',jingduan:'37.5', rcl:'37.5',jjg:'36.4',gongxu:'热处理'},
    {id:1, myh:'2025-003', xsddh:'20250012317', scdh:'2025-01-00103', cpmc:'H13-1-3-1', count:'36.3', ycl:'0',xl:'',cuduan:'',jingduan:'', rcl:'',jjg:'',gongxu:'精锻'},
    {id:1, myh:'2025-004', xsddh:'20250012318', scdh:'2025-01-00104', cpmc:'H13-1-3-2', count:'36.3', ycl:'40.2',xl:'40.2',cuduan:'37.5',jingduan:'', rcl:'',jjg:'',gongxu:'热处理'},
  ],
})
</script>

<style scoped>

</style>
